<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>散点图</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <script src="../layui/layui.js"></script>
    <script src="../js/echarts.min.js"></script>
    <script src="../js/ecStat.min.js"></script>

    <style>
        .top {
            width: 1400px;
            height: 100px;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        #bar1 {
            width: 1200px;
            height: 600px;
        }
    </style>

</head>

<body>

    <div class="top">
        <form class="layui-form" action="">
            <div class="layui-form-item">
                <!--    <label class="layui-form-label">停车场选择: </label>
                <div class="layui-input-inline">
                    <select name="parkingId" id="parking">
                        <option value="0" selected="">所有停车场</option>
                    </select>
                </div>
                <span></span> -->
                <label class="layui-form-label">小说网站： </label>
                <div class="layui-input-inline">
                    <select name="website" id="website" lay-filter="choiceWeb">
                        <option value="起点"  selected="">起点</option>
                        <option value="飞卢" >飞卢</option>
                        <option value="晋江" >晋江</option>
                    </select>
                </div>
                <label class="layui-form-label">小说类型： </label>
                <div class="layui-input-inline">
                    <select name="novelType" id="novelType">
                        <option value="悬疑" selected="">悬疑</option>
                        <option value="武侠" >武侠</option>
                        <option value="仙侠" >仙侠</option>
                        <option value="科幻" >科幻</option>
                        <option value="都市" >都市</option>
                        <option value="短篇" >短篇</option>
                        <option value="轻小说" >轻小说</option>
                        <option value="游戏竞技" >游戏竞技</option>
                        <option value="军事历史" >军事历史</option>
                        <option value="玄幻奇幻" >玄幻奇幻</option>
                        <option value="同人小说" >同人小说</option>
                        <option value="女频玄幻" >女频玄幻</option>
                        <option value="女频同人" >女频同人</option>
                        <option value="女频言情" >女频言情</option>
                        <option value="女频古代" >女频古代</option>
                        <option value="女频仙侠" >女频仙侠</option>
                    </select>
                </div>
                <label class="layui-form-label">纵坐标显示内容: </label>
                <div class="layui-input-inline">
                    <select name="yAxis" id="yAxis">
                        <option value="tuijian" >推荐</option>
                    </select>
                </div>

                <div class="layui-input-inline">
                    <button type="button" class="layui-btn" lay-submit lay-filter="choice1">立即生成</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>

            <div class="layui-form-item">
<!-- 
                <label class="layui-form-label">横坐标显示内容： </label>
                <div class="layui-input-inline">
                    <select name="xAxis" id="xAxis">
                        <option value="0" selected="">字数</option>
                        <option value="1" >小说类型</option>
                    </select>
                </div>
                <label class="layui-form-label">纵坐标显示内容: </label>
                <div class="layui-input-inline">
                    <select name="yAxis" id="yAxis">
                        <option value="dianji" selected="">点击量</option>
                        <option value="dashang" >打赏</option>
                    </select>
                </div>
                
                <div class="layui-input-inline">
                    <button type="button" class="layui-btn" lay-submit lay-filter="choice2">立即生成</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div> -->
        </form>
    </div>

    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="bar1"></div>
    <!-- <div id="line1" style="width: 600px;height:400px;"></div> -->
    <script src="../js/scatter.js"></script>

</body>

</html>